﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.2响铃表现形式</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_2响铃表现形式/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_2响铃表现形式/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u392" class="ax_default _形状" data-label="Rectangle">
        <div id="u392_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u393" class="ax_default ellipse">
        <img id="u393_img" class="img " src="images/1_2响铃表现形式/u393.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u394" class="ax_default label">
        <div id="u394_div" class=""></div>
        <div id="u394_text" class="text ">
          <p><span>闹钟-定点响起</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u395" class="ax_default label">
        <div id="u395_div" class=""></div>
        <div id="u395_text" class="text ">
          <p><span>起床读书</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u396" class="ax_default label">
        <div id="u396_div" class=""></div>
        <div id="u396_text" class="text ">
          <p><span>07:00</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u397" class="ax_default label">
        <div id="u397_div" class=""></div>
        <div id="u397_text" class="text ">
          <p><span>10月2日,周三</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u398" class="ax_default icon">
        <img id="u398_img" class="img " src="images/1_2响铃表现形式/u398.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u399" class="ax_default box_1">
        <div id="u399_div" class=""></div>
        <div id="u399_text" class="text ">
          <p><span>稍后提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u400" class="ax_default icon">
        <img id="u400_img" class="img " src="images/1_2响铃表现形式/u400.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u401" class="ax_default icon">
        <img id="u401_img" class="img " src="images/1_2响铃表现形式/u401.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u402" class="ax_default icon">
        <img id="u402_img" class="img " src="images/1_2响铃表现形式/u402.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u403" class="ax_default label">
        <div id="u403_div" class=""></div>
        <div id="u403_text" class="text ">
          <p><span>起床读书</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u404" class="ax_default label">
        <div id="u404_div" class=""></div>
        <div id="u404_text" class="text ">
          <p><span>10月2日,周三</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u405" class="ax_default icon">
        <img id="u405_img" class="img " src="images/1_2响铃表现形式/u405.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u406" class="ax_default" data-left="44" data-top="99" data-width="436" data-height="888">

        <!-- Unnamed (图片 ) -->
        <div id="u407" class="ax_default _图片_">
          <img id="u407_img" class="img " src="images/1_1响铃时间设定/u210.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u408" class="ax_default _图片_">
          <img id="u408_img" class="img " src="images/1_1响铃时间设定/u211.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u409" class="ax_default _图片_">
          <img id="u409_img" class="img " src="images/1_1响铃时间设定/u212.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u410" class="ax_default _图片_">
          <img id="u410_img" class="img " src="images/1_1响铃时间设定/u213.png"/>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u411" class="ax_default _形状" data-label="Rectangle">
        <div id="u411_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u412" class="ax_default label">
        <div id="u412_div" class=""></div>
        <div id="u412_text" class="text ">
          <p><span>闹钟-稍后提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u413" class="ax_default label">
        <div id="u413_div" class=""></div>
        <div id="u413_text" class="text ">
          <p><span>起床读书</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u414" class="ax_default label">
        <div id="u414_div" class=""></div>
        <div id="u414_text" class="text ">
          <p><span>07:00</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u415" class="ax_default label">
        <div id="u415_div" class=""></div>
        <div id="u415_text" class="text ">
          <p><span>10月2日,周三</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u416" class="ax_default icon">
        <img id="u416_img" class="img " src="images/1_2响铃表现形式/u398.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u417" class="ax_default box_1">
        <div id="u417_div" class=""></div>
        <div id="u417_text" class="text ">
          <p><span>五分钟后响起</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u418" class="ax_default" data-left="719" data-top="99" data-width="436" data-height="888">

        <!-- Unnamed (图片 ) -->
        <div id="u419" class="ax_default _图片_">
          <img id="u419_img" class="img " src="images/1_1响铃时间设定/u210.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u420" class="ax_default _图片_">
          <img id="u420_img" class="img " src="images/1_1响铃时间设定/u211.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u421" class="ax_default _图片_">
          <img id="u421_img" class="img " src="images/1_1响铃时间设定/u212.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u422" class="ax_default _图片_">
          <img id="u422_img" class="img " src="images/1_1响铃时间设定/u213.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u423" class="ax_default box_1">
        <div id="u423_div" class=""></div>
        <div id="u423_text" class="text ">
          <p><span>取消</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u424" class="ax_default label">
        <div id="u424_div" class=""></div>
        <div id="u424_text" class="text ">
          <p><span>闹钟-定点响起</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u425" class="ax_default label">
        <div id="u425_div" class=""></div>
        <div id="u425_text" class="text ">
          <p><span>闹钟-稍后提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u426" class="ax_default box_1">
        <img id="u426_img" class="img " src="images/1_2响铃表现形式/u426.png"/>
        <div id="u426_text" class="text ">
          <p><span>1.点击稍后提醒，闹钟会在已设置好的延迟时间内再次响起，如果想取消延迟闹钟就点击【取消】按钮进行取消</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u427" class="ax_default box_1">
        <img id="u427_img" class="img " src="images/1_2响铃表现形式/u426.png"/>
        <div id="u427_text" class="text ">
          <p><span>1.设置的闹钟准时响起，同时进行语音播报，屏幕逐渐变亮，出现【稍后提醒】以及左右滑动或中间点击来延迟闹钟和取消按钮</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u428" class="ax_default _文本段落" data-label="Header 2">
        <div id="u428_div" class=""></div>
        <div id="u428_text" class="text ">
          <p><span>点击取消稍后提醒，返回闹钟首页</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u429" class="ax_default" data-left="1022" data-top="752" data-width="369" data-height="1">

        <!-- Unnamed (水平线) -->
        <div id="u430" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="362" CompoundMode="true">
          <img id="u430_img" class="singleImg img " src="images/1_2响铃表现形式/u430.png"/>
          <div id="u430p000" class="ax_vector_shape" WidgetTopLeftX="-0.491847826086957" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.491847826086957" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.491847826086957" WidgetBottomLeftY="0" WidgetBottomRightX="0.491847826086957" WidgetBottomRightY="0">
            <img id="u430p000_img" class="img " src="images/1_2响铃表现形式/u430p000.png"/>
          </div>
          <div id="u430p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.5" WidgetTopRightX="90.25" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="90.25" WidgetBottomRightY="0">
            <img id="u430p001_img" class="img " src="images/1_1响铃时间设定/u277p001.png"/>
          </div>
          <div id="u430p002" class="ax_vector_shape" WidgetTopLeftX="16.2727272727273" WidgetTopLeftY="0" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0" WidgetBottomLeftX="16.2727272727273" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="-0.05">
            <img id="u430p002_img" class="img " src="images/1_1响铃时间设定/u380p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u431" class="ax_default _形状">
          <div id="u431_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u432" class="ax_default image">
        <img id="u432_img" class="img " src="images/图例/u104.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u433" class="ax_default box_1">
        <div id="u433_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u434" class="ax_default label">
        <div id="u434_div" class=""></div>
        <div id="u434_text" class="text ">
          <p><span>闹钟首页</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u435" class="ax_default _形状" data-label="Rectangle">
        <div id="u435_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u436" class="ax_default label">
        <div id="u436_div" class=""></div>
        <div id="u436_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u437" class="ax_default label">
        <div id="u437_div" class=""></div>
        <div id="u437_text" class="text ">
          <p><span>13:14 am</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u438" class="ax_default box_1">
        <div id="u438_div" class=""></div>
        <div id="u438_text" class="text ">
          <p style="font-size:13px;"><span style="font-size:28px;">06:30&nbsp; &nbsp; </span><span style="font-size:18px;">10月1日,周二</span><span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u439" class="ax_default" data-left="1727" data-top="368" data-width="49" data-height="28">

        <!-- Unnamed (矩形) -->
        <div id="u440" class="ax_default _形状">
          <div id="u440_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u441" class="ax_default _形状">
          <div id="u441_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u442" class="ax_default" data-left="1401" data-top="99" data-width="436" data-height="888">

        <!-- Unnamed (图片 ) -->
        <div id="u443" class="ax_default _图片_">
          <img id="u443_img" class="img " src="images/1_1响铃时间设定/u210.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u444" class="ax_default _图片_">
          <img id="u444_img" class="img " src="images/1_1响铃时间设定/u211.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u445" class="ax_default _图片_">
          <img id="u445_img" class="img " src="images/1_1响铃时间设定/u212.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u446" class="ax_default _图片_">
          <img id="u446_img" class="img " src="images/1_1响铃时间设定/u213.png"/>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u447" class="ax_default _图片_">
        <img id="u447_img" class="img " src="images/封面/u2.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u448" class="ax_default _图片_">
        <img id="u448_img" class="img " src="images/1_1响铃时间设定/u215.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u449" class="ax_default _图片_">
        <img id="u449_img" class="img " src="images/1_1响铃时间设定/u216.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u450" class="ax_default _图片_">
        <img id="u450_img" class="img " src="images/1_1响铃时间设定/u217.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u451" class="ax_default box_1">
        <div id="u451_div" class=""></div>
        <div id="u451_text" class="text ">
          <p style="font-size:13px;"><span style="font-size:28px;">06:30&nbsp; &nbsp; </span><span style="font-size:18px;">10月1日,周二</span><span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u452" class="ax_default" data-left="1729" data-top="430" data-width="49" data-height="28">

        <!-- Unnamed (矩形) -->
        <div id="u453" class="ax_default _形状">
          <div id="u453_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u454" class="ax_default _形状">
          <div id="u454_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u455" class="ax_default box_1">
        <div id="u455_div" class=""></div>
        <div id="u455_text" class="text ">
          <p style="font-size:13px;"><span style="font-size:28px;">06:30&nbsp; &nbsp; </span><span style="font-size:18px;">10月1日,周二</span><span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u456" class="ax_default" data-left="1729" data-top="491" data-width="49" data-height="28">

        <!-- Unnamed (矩形) -->
        <div id="u457" class="ax_default _形状">
          <div id="u457_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u458" class="ax_default _形状">
          <div id="u458_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u459" class="ax_default box_1">
        <div id="u459_div" class=""></div>
        <div id="u459_text" class="text ">
          <p style="font-size:13px;"><span style="font-size:28px;">06:30&nbsp; &nbsp; </span><span style="font-size:18px;">10月1日,周二</span><span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u460" class="ax_default" data-left="1729" data-top="553" data-width="49" data-height="28">

        <!-- Unnamed (矩形) -->
        <div id="u461" class="ax_default _形状">
          <div id="u461_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u462" class="ax_default _形状">
          <div id="u462_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u463" class="ax_default box_1">
        <div id="u463_div" class=""></div>
        <div id="u463_text" class="text ">
          <p style="font-size:13px;"><span style="font-size:28px;">06:30&nbsp; &nbsp; </span><span style="font-size:18px;">10月1日,周二</span><span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u464" class="ax_default" data-left="1729" data-top="615" data-width="49" data-height="28">

        <!-- Unnamed (矩形) -->
        <div id="u465" class="ax_default _形状">
          <div id="u465_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u466" class="ax_default _形状">
          <div id="u466_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u467" class="ax_default box_1">
        <div id="u467_div" class=""></div>
        <div id="u467_text" class="text ">
          <p style="font-size:13px;"><span style="font-size:28px;">06:30&nbsp; &nbsp; </span><span style="font-size:18px;">10月1日,周二</span><span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u468" class="ax_default" data-left="1729" data-top="677" data-width="49" data-height="28">

        <!-- Unnamed (矩形) -->
        <div id="u469" class="ax_default _形状">
          <div id="u469_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u470" class="ax_default _形状">
          <div id="u470_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u471" class="ax_default box_1">
        <div id="u471_div" class=""></div>
        <div id="u471_text" class="text ">
          <p style="font-size:13px;"><span style="font-size:28px;">06:30&nbsp; &nbsp; </span><span style="font-size:18px;">10月1日,周二</span><span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u472" class="ax_default" data-left="1729" data-top="739" data-width="49" data-height="28">

        <!-- Unnamed (矩形) -->
        <div id="u473" class="ax_default _形状">
          <div id="u473_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u474" class="ax_default _形状">
          <div id="u474_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u475" class="ax_default line">
        <img id="u475_img" class="img " src="images/1_1响铃时间设定/u242.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u476" class="ax_default _图片_">
        <img id="u476_img" class="img " src="images/1_1响铃时间设定/u243.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u477" class="ax_default _图片_">
        <img id="u477_img" class="img " src="images/1_1响铃时间设定/u244.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u478" class="ax_default _图片_">
        <img id="u478_img" class="img " src="images/1_1响铃时间设定/u274.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u479" class="ax_default label">
        <div id="u479_div" class=""></div>
        <div id="u479_text" class="text ">
          <p><span>闹钟-取消</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u480" class="ax_default box_1">
        <img id="u480_img" class="img " src="images/1_2响铃表现形式/u480.png"/>
        <div id="u480_text" class="text ">
          <p><span>1.点击取消，返回闹钟首页</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u481" class="ax_default _文本段落" data-label="Header 2">
        <div id="u481_div" class=""></div>
        <div id="u481_text" class="text ">
          <p><span>点击启动稍后提醒，跳转已经设置好稍后提醒的时间界面</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u482" class="ax_default" data-left="348" data-top="651" data-width="472" data-height="1">

        <!-- Unnamed (水平线) -->
        <div id="u483" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="463" CompoundMode="true">
          <img id="u483_img" class="singleImg img " src="images/1_2响铃表现形式/u483.png"/>
          <div id="u483p000" class="ax_vector_shape" WidgetTopLeftX="-0.493589743589744" WidgetTopLeftY="0" WidgetTopRightX="0.495726495726496" WidgetTopRightY="0" WidgetBottomLeftX="-0.493589743589744" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.495726495726496" WidgetBottomRightY="0.166666666666667">
            <img id="u483p000_img" class="img " src="images/1_2响铃表现形式/u483p000.png"/>
          </div>
          <div id="u483p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.25" WidgetTopRightX="115.5" WidgetTopRightY="-0.25" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="115.5" WidgetBottomRightY="0">
            <img id="u483p001_img" class="img " src="images/1_1响铃时间设定/u319p001.png"/>
          </div>
          <div id="u483p002" class="ax_vector_shape" WidgetTopLeftX="22.95" WidgetTopLeftY="0.05" WidgetTopRightX="-0.2" WidgetTopRightY="0.05" WidgetBottomLeftX="22.95" WidgetBottomLeftY="0" WidgetBottomRightX="-0.2" WidgetBottomRightY="0">
            <img id="u483p002_img" class="img " src="images/图例/u48p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u484" class="ax_default _形状">
          <div id="u484_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u485" class="ax_default image">
        <img id="u485_img" class="img " src="images/图例/u104.png"/>
      </div>
    </div>
  </body>
</html>
